<template>
  <div class="zero-container-full-zero">
    <div v-if="$slots.tool"
         class="zero-container-full__tool">
      <slot name="tool" />
    </div>
    <el-container class="zero-container-full__body">
      <el-aside v-if="$slots.aside"
                class="zero-container-full__aside">
        <slot name="aside" />
      </el-aside>
      <el-container style="border-radius: 6px;">
        <el-main v-if="$slots.main"
                 class="zero-container-full__main">
          <slot name="main" />
        </el-main>
        <el-footer v-if="$slots.footer"
                   class="zero-container-full__footer">
          <slot name="footer" />
        </el-footer>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'zero-container-full-zero'
}
</script>
